简介:本课程中,我们将使用jQuery和JavaScript两种技术来实现搜索框效果功能,并对jQuery和JavaScript两种技术进行了对比,你将可以了解到JQ与JS实现Ajax技术的不同点。赶快行动吧!
第1章 简单搜索框
对搜索框功能所需要的表单标签进行讲解,包括文本输入框、按钮、表单标签并且详细讲解Bing搜索框的制作方法,包括去掉Chrome焦点光环效果,定位搜索框方法,用图片美化输入框、按钮方法。
第2章 智能提示搜索框制作
本案例带领大家对完成智能提示下拉层功能所需知识点进行解析,并且讲解如何用jQuery及JS两种代码方式实现搜索框事件绑定、DOM操作、Ajax的方法。
第3章 淘宝搜索框制作
本案例讲解使用CSS样式对淘宝搜索框进行美化的方法,使用字符集把小图标制作成字体并插入到网页的方法。最后讲解一个有意思功能,使用语音输入功能,用户以语音的方式在搜索框中输入关键字。